import {Tabs, TabsList, TabsTab, TabsPanel} from "@mantine/core";
export default function Page() {
  return (
    <Tabs defaultValue="port" variant="outline">
      <TabsList>
        <TabsTab value="device">设备</TabsTab>
        <TabsTab value="card">板卡</TabsTab>
        <TabsTab value="port">光模块</TabsTab>
        <TabsTab value="device-box" ml="auto">
          设备-机框
        </TabsTab>
        <TabsTab value="box-card">机框-板卡</TabsTab>
        <TabsTab value="card-subcard">母卡-子卡</TabsTab>
        <TabsTab value="card-port">板卡-光模块</TabsTab>
      </TabsList>
      <TabsPanel value="device">Gallery tab content</TabsPanel>
      <TabsPanel value="card">Settings tab content</TabsPanel>
      <TabsPanel value="port">Settings tab content</TabsPanel>
      <TabsPanel value="device-box">Settings tab content</TabsPanel>
      <TabsPanel value="box-card">Settings tab content</TabsPanel>
      <TabsPanel value="card-subcard">Settings tab content</TabsPanel>
      <TabsPanel value="card-port">Settings tab content</TabsPanel>
    </Tabs>
  );
}
